<template>
    <div class="container">
        <p class="oneP">潜在人群分析</p>
        <p class="twoP" style="font-weight:100">分析用户特征，精准投放</p>
        <button class="oneButton" @click="$router.push({path:'/regist',query:{routeLink:2}})">立即注册</button>
        <div class="dv" >
            <div style="position:absolute;top:-50px;">
                <img src="../../assets/img/汽车房产/潜在人群分析/user.png" alt="">
            </div>
            <div class="bgwhite">
                <p>用户的年龄中青年居多</p>
            </div>
            <div>
                <img src="../../assets/img/汽车房产/潜在人群分析/aim.png" alt="">
            </div>
            <div class="bgblue firstblue" style="margin-left:80px;">
                <p>定向人群：25-45岁</p>
            </div>
        </div>
        <div class="dv" >
            <div style="position:absolute;top:-50px;display:none">
                <!-- <img src="../../assets/img/汽车房产/潜在人群分析/user.png" alt=""> -->
            </div>
            <div class="bgred bgblue" style="margin-left:105px;">
                <p>用户性别男性居多</p>
            </div>
            <div>
                <img src="../../assets/img/汽车房产/潜在人群分析/person.png" alt="" style="margin-left:20px;">
            </div>
            <div class="bgblue rshadow" style="margin-left:90px;">
                <p>定向男性用户群多的媒体</p>
            </div>
        </div>
        <div class="dv" >
            <div style="position:absolute;top:-50px;display:none;">
                <!-- <img src="../../assets/img/汽车房产/潜在人群分析/user.png" alt=""> -->
            </div>
            <div class="bgwhite">
                <p>浏览汽车咨讯、影视、财经、论坛等</p>
            </div>
            <div>
                <img src="../../assets/img/汽车房产/潜在人群分析/search.png" alt="">
            </div>
            <div class="bgblue rshadow" style="margin-left:80px;">
                <p>定向咨讯、财经、影视等媒体</p>
            </div>
            <div style="position:absolute;top:-80px;right:40px;">
                <img src="../../assets/img/汽车房产/潜在人群分析/user2.png" alt="">
            </div>
        </div>
        <div class="dv" >
            <div style="position:absolute;top:-50px;display:none;">
                <!-- <img src="../../assets/img/汽车房产/潜在人群分析/user.png" alt=""> -->
            </div>
            <div class="bgwhite">
                <p>一二线用户具有较高的购买力</p>
            </div>
            <div>
                <img src="../../assets/img/汽车房产/潜在人群分析/pack.png" alt="">
            </div>
            <div class="bgblue rshadow" style="margin-left:80px;">
                <p>依据具体业务投放本地或一二线城市</p>
            </div>
        </div>
    </div>
</template>
<script>
require("../../assets/css/p.css");
export default {};
</script>
<style scoped>
.container {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 80px;
  overflow: hidden;
}
.ulOne {
  overflow: hidden;
  position: relative;
  width: 103%;
  margin-top: 60px;
  padding: 10px 7px;
}
.ulOne p {
  font-size: 16px;
}
.dv {
  margin-top: 60px;
  position: relative;
  /* overflow: hidden; */
  clear: both;
}
.dv > div {
  float: left;
  margin-top: 20px;
}
.dv > div:nth-child(2) {
  margin-left: 85px;
}
.dv > div:nth-child(3) {
  margin-left: 40px;
}
.dv > div:nth-child(4) {
  margin-left: 40px;
}
.dv p {
  font-size: 16px;
  font-weight: bolder;
}
.bgwhite {
  width: 406px;
  height: 94px;
  background: url("../../assets/img/汽车房产/潜在人群分析/white.png");
}
.bgwhite p {
  text-align: right;
  margin-right: 80px;
  margin-top: 35px;
}
.bgblue {
  width: 378px;
  height: 60px;
  margin-top: 17px;
  margin-left: 10px;
}
.firstblue {
    background: url("../../assets/img/汽车房产/潜在人群分析/blue.png");
}
.rshadow {
  width: 406px;
  height: 94px;
  background: url("../../assets/img/汽车房产/潜在人群分析/rshadow.png");
}
.bgblue p {
  text-align: left;
  margin-left: 80px;
  margin-top: 20px;
}
.rshadow p {
  margin-top: 33px;
}
.bgred {
  background: url("../../assets/img/汽车房产/潜在人群分析/red.png");
}
.bgred p{
  text-align: right;
  margin-right: 74px;
  margin-top: 20px;
}

.oneButton {
    box-shadow: 0px 4px 19px #ed9191;
}
</style>